﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Easy Tabs 测试</title>


    <link href="menu.css" rel="stylesheet" type="text/css" />
    <script src="easytabs.js" type="text/javascript"></script>
</head>
<body>


<!--Start of the Tabmenu1 -->
<div class="menu">
<ul>
<li><a href="#" onmouseover="easytabs('1', '1');" onfocus="easytabs('1', '1');" onclick="return false;"  title="" id="tablink1"> 操作系统 </a></li>
<li><a href="#" onmouseover="easytabs('1', '2');" onfocus="easytabs('1', '2');" onclick="return false;"  title="" id="tablink2"> 数据库 </a></li>
<li><a href="#" onmouseover="easytabs('1', '3');" onfocus="easytabs('1', '3');" onclick="return false;"  title="" id="tablink3"> 计算机语言 </a></li>
<li><a href="#" onmouseover="easytabs('1', '4');" onfocus="easytabs('1', '4');" onclick="return false;"  title="" id="tablink4"> 移动设备 </a></li>
</ul>
</div>
<!--End of the Tabmenu1 -->



<!--Start Tabcontent 1 -->
<div id="tabcontent1">

  <table>
    <tr>
      <td> Microsoft Windows </td>
    </tr>

    <tr>
      <td> Apple OSX </td>
    </tr>

    <tr>
      <td> RedHat Linux </td>
    </tr>

    <tr>
      <td> SCO Unix </td>
    </tr>
  </table>

</div>
<!--End Tabcontent 1-->



<!--Start Tabcontent 2-->
<div id="tabcontent2">

  <table>
    <tr>
      <td> Oracle </td>
    </tr>
    <tr>
      <td> DB2 </td>
    </tr>
    <tr>
      <td> SQL Server </td>
    </tr>
    <tr>
      <td> MongoDB </td>
    </tr>
  </table>

</div>
<!--End Tabcontent 2 -->



<!--Start Tabcontent 3-->
<div id="tabcontent3">
  <table>
    <tr>
      <td> C </td>
    </tr>
    <tr>
      <td> C++ </td>
    </tr>
    <tr>
      <td> C# </td>
    </tr>
    <tr>
      <td> Objective-C </td>
    </tr>
  </table>
</div>
<!--End Tabcontent 3-->



<!--Start Tabcontent 4-->
<div id="tabcontent4">

  <table>
    <tr>
      <td> IPhone </td>
    </tr>

    <tr>
      <td> Android </td>
    </tr>

    <tr>
      <td> WinPhone </td>
    </tr>
  </table>

</div>
<!--End Tabcontent 4-->



</body>
</html>
